

<div class="container">
  <div class="jumbotron atas latar-jumbotron">
    <h2><img src="template/img/pesan-md.png"> Pemesanan Tiket</h2>
    <hr>
    <div class="row">
      <div class="col-md-5 ">
        <p><span class="glyphicon glyphicon-road hitam "></span> &nbsp Rute Perjalanan</p>
        <form role="form">
          <div class="form-group">
            <label for="asal">Kota Asal :</label>
            <div class="input-group">
              <span class="input-group-addon"><span class="glyphicon glyphicon-flag"></span></span>
              <input type="text" id="asal" class="form-control" placeholder="Kota Asal" autofocus>
            </div>
          </div>
          <div class="form-group">
            <label for="tujuan">Kota Tujuan :</label>
            <div class="input-group">
              <span class="input-group-addon"><span class="glyphicon glyphicon-map-marker"></span></span>
              <input type="text" id="tujuan" class="form-control" placeholder="Kota Tujuan">
            </div>
          </div>
          <p><img src="template/img/time.png">&nbsp Waktu Keberangkatan</p>
         <div class="form-group">
            <label for="tgl">Tanggal Berangkat :</label>
            <div class="input-group">
              <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
              <input type="date" id="tgl" class="form-control" placeholder="Kota Tujuan">
            </div>
            <div class="form-group">
                <label for="kelas">Pilih Kelas : </label>
                <div class="input-group">
                  <span class="input-group-addon"><span class="glyphicon glyphicon-tag"></span></span>
                  <select class="form-control" id="kelas">
                    <option>VIP</option>
                    <option>Executive</option>
                    <option>Super Executive</option>
                  </select>
                </div>
              </div>
              <p><span class="glyphicon glyphicon-tags hitam"></span> &nbsp Pilih Kelas</p>
            <button type="button" class="btn btn-oren btn-lg">Pesan</button>
          </div>

        </form>
      </div>
      <div class="col-md-4 ">
        
      </div>
      <div class="col-md-4">
        <div class="row">
          <div class="col-md-12">
            <form role="form">
                          </form>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6 col-md-offset-3">
        
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
